<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    /*使用text-decoration指定为none就会去掉下划线！
      line-through:删除线
    */
    .baidu{
        text-decoration: none;
    }
    .taobao{
        text-decoration: line-through;
    }
    .t1{
        /*使用rgb格式的颜色设置*/
        background-color: rgb(255,0,0);
        /*所有行内级别元素进行居中*/
        text-align: center;
    }
    .t2{
        font-size:16px; /*设置字体大小的属性*/
        /*font-weight: normal;设置字体加粗，一般用normal或者是bold，数字就是[1,1000]*/
        /*font-weight: bold;设置字体加粗，一般用normal或者是bold，数字就是[1,1000]*/
        font-style:italic;/*斜体italic，这个关键字会寻找字体是否设置了对应斜体样式！*/
        font-style:oblique;/*也是斜体，让文本倾斜*/

    }


</style>
<body>
    <!--css文字相关属性的使用以及案例演练-->
    <a href="http://www.baidu.com" class="baidu">百度一下</a>
    <a href="http://www.taobao.com" class="taobao">淘宝</a>
    <!--text-align剖析-->
    <div class="t1">
        <p style="color: white;">我是一段文本</p>
           <!--可以对设置了行内块属性生效-->
        <div style="display: inline-block; color: blue;">
            我是行内块，我也能居中显示
        </div>
    </div>
    <!--文本的属性：line-heigh详解-->
    <div>
        <p class="t2">我是一个段落，我的任务是学习和字体相关的属性</p>
    </div>
 

</body>
</html>